$(function(){

    function render(){
        $.ajax({
            url:'http://127.0.0.1:9090/api/getcategorytitle',
            dataType:'json',
            success:function(info){
                // console.log(info);
                $('.one').html(template('tmp',info));
            }
        })

    }
    render();

    function secrender(){
        $.ajax({
            url:'http://127.0.0.1:9090/api/getcategory',
            data:{titleid:id},
            dataType:'json',
            success:function(info){
                console.log(info);
                $('.second').html(template('tmp-sec',info))
            }
        })
    }
    var id = 0;
    $('.one').on('click','.first',function(){
        // console.log(1);
        id = $(this).data('id');
        // console.log(id);
        
        $(this).children('.second').toggleClass('hide');
        // console.log($(this).children('.second'));
        secrender()
    })

})